<template>
  <div>
    <div id="history">
       <!-- 回退标识 -->
      <div class="huitui" @click="back()">
        <span class="iconfont zuojiantou"></span>
      </div>
      <h3>历史记录</h3>
      <a href="">编辑</a>
    </div>

    <div id="jiemu">
      <span>只看节目</span>
      <van-switch v-model="checked" size="20px" />
    </div>
  </div>
</template>

<script>
export default {
  name: "Lishi",
  data() {
    return {
      checked: false,
    };
  },
  methods: {
    back() {
      this.$router.back();
    },
  }
};
</script>

<style scoped>
@import url("../../../assets/iconfont/iconfont.css");
#history {
  width: 100%;
  height: 0.66rem;
  background-image: linear-gradient( to right, #93bcea, #afa6ef, #e1e9fe, #c4e8fa );
  display: flex;
  justify-content: space-between;
  padding-left: 0.24rem;
  box-sizing: border-box;
  line-height: 0.66rem;
}
#history a {
  margin-right: 0.23rem;
}
#jiemu {
  width: 100%;
  height: 0.72rem;
  line-height: 0.72rem;
  display: flex;
  justify-content: space-between;
}
#jiemu span{
    margin-left: .2rem;
}
#jiemu .van-switch{
   margin-top: .25rem;
   margin-right: .17rem;
}
</style>